<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>医院管理系统-登录页</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="/static/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/static/animate.css" type="text/css" />
  <link rel="stylesheet" href="/static/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/static/font.css" type="text/css" cache="false" />
  <link rel="stylesheet" href="/static/plugin.css" type="text/css" />
  <link rel="stylesheet" href="/static/app.css" type="text/css" />
  <!--[if lt IE 9]>
    <script src="js/ie/respond.min.js" cache="false"></script>
    <script src="js/ie/html5.js" cache="false"></script>
    <script src="js/ie/fix.js" cache="false"></script>
  <![endif]-->
</head>
<body background="/static/background.jpg" style="background-attachment: fixed;background-size: cover;">
  <section id="content" class="m-t-lg wrapper-md animated fadeInUp">
    <a class="nav-brand" href="#">欢迎来到XX医院管理系统</a>
    <div class="row m-n">
      <div class="col-md-4 col-md-offset-4 m-t-lg">
        <section class="panel">
          <header class="panel-heading text-center">
            登录
          </header>
          <form action="#" class="panel-body" method="POST">
            {% csrf_token %}  <!-- 改行代码为添加部分   -->
            <div class="form-group">
              <label class="control-label">身份证号</label>
              <input type="text" placeholder="请在这里输入身份证号" class="form-control" name="id">
            </div>
            <div class="form-group">
              <label class="control-label">姓名</label>
              <input type="text" id="inputPassword" placeholder="请在这里输入姓名" class="form-control" name="name">
            </div>
            
           
            <button type="submit" class="btn btn-info">确认登陆</button>
            
            <p class="text-muted text-center"><small>第一次使用该系统？</small></p>
            <a href="{% url 'SignUp'%}" class="btn btn-white btn-block">点击这里创造账号</a>
          </form>
          {% if messages %}
      <script>
          {% for msg in messages %}
              alert('{{ msg.message }}');
          {% endfor %}
      </script>
      {% endif %}
        </section>
      </div>
    </div>
  </section>
  <!-- footer -->
  

</body>
</html>